<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>

	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="keywords" content="">
	<meta name="author" content="">
	<meta name="robots" content="">
	<meta name="viewport" content="width=device-width, initial-scale=1">

	<!-- PAGE TITLE HERE -->
	<title>申请页面（求职者管理）</title>

	<link href="/css/nice-select.css" rel="stylesheet">

	<link href="/css/jquery.dataTables.min.css" rel="stylesheet">
	<!-- Style css -->
	<link href="/css/style.css" rel="stylesheet">

</head>
<body>
<div class="container-fluid">
	<div class="d-sm-flex d-block justify-content-between align-items-center mb-4 mt-4">
		<div class="card-action coin-tabs mt-3 mt-sm-0">
			<ul class="nav nav-tabs" role="tablist">
				<li class="nav-item">
					<a class="nav-link active" data-bs-toggle="tab" href="#AllStatus">所有状态</a>
				</li>
				<li class="nav-item">
					<a class="nav-link" data-bs-toggle="tab" href="#Pending">待定</a>
				</li>
				<li class="nav-item">
					<a class="nav-link" data-bs-toggle="tab" href="#On-Hold">通过</a>
				</li>
				<li class="nav-item">
					<a class="nav-link" data-bs-toggle="tab" href="#Candidate">拒绝</a>
				</li>
			</ul>
		</div>
		<div class="d-flex mt-sm-0 mt-3">
			<select class="default-select dashboard-select">
				<option data-display="newest">newest</option>
				<option value="2">oldest</option>
			</select>
		</div>
	</div>
	<div class="row">
		<div class="col-xl-12">
			<div class="tab-content">
				<!-- 全部状态标签页 -->
				<div class="tab-pane fade show active" id="AllStatus">
					<div class="table-responsive">
						<table class="table display mb-4 dataTablesCard order-table card-table text-black application" id="application-tbl1">
							<thead>
							<tr>
								<th>
									<div class="form-check ms-2">
										<input class="form-check-input" type="checkbox" value="" id="checkAll4">
										<label class="form-check-label" for="checkAll4"></label>
									</div>
								</th>
								<th>序号</th>
								<th>申请时间</th>
								<th>公司名称</th>
								<th>职位类型</th>
								<th>职位标题</th>
								<th>联系电话</th>
								<th>申请状态</th>
								<th></th>
							</tr>
							</thead>
							<tbody>
							<tr th:each="apply : ${applies}">
								<td class="tbl-bx">
									<div class="form-check ms-2">
										<input class="form-check-input" type="checkbox" th:id="'customCheckBox_' + ${applyStat.index}" value="">
										<label class="form-check-label" th:for="'customCheckBox_' + ${applyStat.index}"></label>
									</div>
								</td>
								<td th:text="${apply.id != null ? apply.id : '#000123456'}">#000123456</td>
								<td class="wspace-no" th:text="${apply.applyTime != null ? #temporals.format(apply.applyTime, 'yyyy-MM-dd') : 'N/A'}">Nov 21th 2020 09:21 AM</td>
								<td class="wspace-no">
            <span class="fs-16">
                <svg class="me-2" xmlns="http://www.w3.org/2000/svg" width="53" height="53" viewbox="0 0 53 53">
                    <g transform="translate(0.243)">
                        <rect width="53" height="53" rx="12" transform="translate(-0.243)" fill="#c5c5c5"></rect>
                        <g transform="translate(-0.243)">
                            <rect data-name="placeholder" width="53" height="53" rx="12" fill="#2769ee"></rect>
                            <ellipse data-name="Ellipse 12" cx="13.243" cy="13.43" rx="13.243" ry="13.43" transform="translate(11.152 14.922)" fill="#fff"></ellipse>
                            <ellipse data-name="Ellipse 11" cx="8.016" cy="8.207" rx="8.016" ry="8.207" transform="translate(27.183 11.191)" fill="#ffe70c" style="mix-blend-mode: multiply;isolation: isolate"></ellipse>
                        </g>
                    </g>
                </svg>
                <span th:text="${apply.job?.user?.company?.companyName ?: 'N/A'}">Bubbles Studios</span>
            </span>
								</td>
								<td th:text="${apply.job?.jobType ?: 'N/A'}">FULLTIME</td>
								<td th:text="${apply.job?.title ?: 'N/A'}">UI Designer</td>
								<td class="wspace-no">
            <span class="text-secoundry fs-14 font-w600">
                <i class="fas fa-phone-alt me-2"></i>
                <span th:text="${apply.job?.user?.info?.phone ?: 'N/A'}">012 3123412 441</span>
            </span>
								</td>
								<td>
									<span th:switch="${apply.status}">
                <span th:case="0" class="btn btn-outline-light border-light btn-sm">待定</span>
                <span th:case="1" class="btn btn-success light btn-rounded btn-sm">通过</span>
                <span th:case="2" class="btn btn-danger light btn-sm">拒绝</span>
                <span th:case="*" class="btn btn-light light btn-sm">N/A</span>
            </span>
								</td>
								<td>
									<div class="dropdown text-end">
										<div class="btn-link" data-bs-toggle="dropdown">
											<svg width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
												<path d="M11.0005 12C11.0005 12.5523 11.4482 13 12.0005 13C12.5528 13 13.0005 12.5523 13.0005 12C13.0005 11.4477 12.5528 11 12.0005 11C11.4482 11 11.0005 11.4477 11.0005 12Z" stroke="#3E4954" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
												<path d="M18.0005 12C18.0005 12.5523 18.4482 13 19.0005 13C19.5528 13 20.0005 12.5523 20.0005 12C20.0005 11.4477 19.5528 11 19.0005 11C18.4482 11 18.0005 11.4477 18.0005 12Z" stroke="#3E4954" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
												<path d="M4.00049 12C4.00049 12.5523 4.4482 13 5.00049 13C5.55277 13 6.00049 12.5523 6.00049 12C6.00049 11.4477 5.55277 11 5.00049 11C4.4482 11 4.00049 11.4477 4.00049 12Z" stroke="#3E4954" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
											</svg>
										</div>
										<div class="dropdown-menu dropdown-menu-right">
											<a class="dropdown-item text-black" href="javascript:void(0);"><i class="far fa-check-circle me-1 text-success"></i>Accept order</a>
											<a class="dropdown-item text-black" href="javascript:void(0);"><i class="far fa-times-circle me-1 text-danger"></i>Reject order</a>
										</div>
									</div>
								</td>
							</tr>
							</tbody>
						</table>
					</div>
				</div>

				<!-- Pending状态标签页 -->
				<div class="tab-pane fade" id="Pending">
					<div class="table-responsive">
						<table class="table display mb-4 dataTablesCard order-table card-table text-black application" id="application-tbl2">
							<thead>
							<tr>
								<th>
									<div class="form-check ms-2">
										<input class="form-check-input" type="checkbox" value="" id="checkAll1">
										<label class="form-check-label" for="checkAll1"></label>
									</div>
								</th>
								<th>序号</th>
								<th>申请时间</th>
								<th>公司名称</th>
								<th>职位类型</th>
								<th>职位标题</th>
								<th>联系电话</th>
								<th>申请状态</th>
								<th></th>
							</tr>
							</thead>
							<tbody>
							<tr th:each="apply : ${applies}" th:if="${apply.status == 0}">
								<td class="tbl-bx">
									<div class="form-check ms-2">
										<input class="form-check-input" type="checkbox" th:id="'pendingCheckBox_' + ${applyStat.index}" value="">
										<label class="form-check-label" th:for="'pendingCheckBox_' + ${applyStat.index}"></label>
									</div>
								</td>
								<td th:text="${apply.id != null ? apply.id : '#000123456'}">#000123456</td>
								<td class="wspace-no" th:text="${apply.applyTime != null ? #temporals.format(apply.applyTime, 'yyyy-MM-dd') : 'N/A'}">Nov 21th 2020 09:21 AM</td>
								<td class="wspace-no">
            <span class="fs-16">
                <svg class="me-2" xmlns="http://www.w3.org/2000/svg" width="53" height="53" viewbox="0 0 53 53">
                    <g transform="translate(0.243)">
                        <rect width="53" height="53" rx="12" transform="translate(-0.243)" fill="#c5c5c5"></rect>
                        <g transform="translate(-0.243)">
                            <rect data-name="placeholder" width="53" height="53" rx="12" fill="#dc134a"></rect>
                            <ellipse data-name="Ellipse 12" cx="13.243" cy="13.43" rx="13.243" ry="13.43" transform="translate(11.152 14.922)" fill="#fff"></ellipse>
                            <ellipse data-name="Ellipse 11" cx="8.016" cy="8.207" rx="8.016" ry="8.207" transform="translate(27.183 11.191)" fill="#ffe70c" style="mix-blend-mode: multiply;isolation: isolate"></ellipse>
                        </g>
                    </g>
                </svg>
                <span th:text="${apply.job?.user?.company?.companyName ?: 'N/A'}">Kripton Inc.</span>
            </span>
								</td>
								<td th:text="${apply.job?.jobType ?: 'N/A'}">PART TIME</td>
								<td th:text="${apply.job?.title ?: 'N/A'}">UI Reseracher</td>
								<td class="wspace-no">
            <span class="text-secoundry fs-14 font-w600">
                <i class="fas fa-phone-alt me-2"></i>
                <span th:text="${apply.job?.user?.info?.phone ?: 'N/A'}">012 3123412 441</span>
            </span>
								</td>
								<td><span class="btn btn-outline-light border-light btn-sm">待定</span></td>
								<td>
									<div class="dropdown text-end">
										<div class="btn-link" data-bs-toggle="dropdown">
											<svg width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
												<path d="M11.0005 12C11.0005 12.5523 11.4482 13 12.0005 13C12.5528 13 13.0005 12.5523 13.0005 12C13.0005 11.4477 12.5528 11 12.0005 11C11.4482 11 11.0005 11.4477 11.0005 12Z" stroke="#3E4954" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
												<path d="M18.0005 12C18.0005 12.5523 18.4482 13 19.0005 13C19.5528 13 20.0005 12.5523 20.0005 12C20.0005 11.4477 19.5528 11 19.0005 11C18.4482 11 18.0005 11.4477 18.0005 12Z" stroke="#3E4954" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
												<path d="M4.00049 12C4.00049 12.5523 4.4482 13 5.00049 13C5.55277 13 6.00049 12.5523 6.00049 12C6.00049 11.4477 5.55277 11 5.00049 11C4.4482 11 4.00049 11.4477 4.00049 12Z" stroke="#3E4954" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
											</svg>
										</div>
										<div class="dropdown-menu dropdown-menu-right">
											<a class="dropdown-item text-black" href="javascript:void(0);"><i class="far fa-check-circle me-1 text-success"></i>Accept order</a>
											<a class="dropdown-item text-black" href="javascript:void(0);"><i class="far fa-times-circle me-1 text-danger"></i>Reject order</a>
										</div>
									</div>
								</td>
							</tr>
							</tbody>
						</table>
					</div>
				</div>

				<!-- On-Hold状态标签页 -->
				<div class="tab-pane fade" id="On-Hold">
					<div class="table-responsive">
						<table class="table display mb-4 dataTablesCard order-table card-table text-black application" id="application-tbl3">
							<thead>
							<tr>
								<th>
									<div class="form-check ms-2">
										<input class="form-check-input" type="checkbox" value="" id="checkAll2">
										<label class="form-check-label" for="checkAll2"></label>
									</div>
								</th>
								<th>序号</th>
								<th>申请时间</th>
								<th>公司名称</th>
								<th>职位类型</th>
								<th>职位标题</th>
								<th>联系电话</th>
								<th>申请状态</th>
								<th></th>
							</tr>
							</thead>
							<tbody>
							<tr th:each="apply : ${applies}" th:if="${apply.status == 1}">
								<td class="tbl-bx">
									<div class="form-check ms-2">
										<input class="form-check-input" type="checkbox" th:id="'onholdCheckBox_' + ${applyStat.index}" value="">
										<label class="form-check-label" th:for="'onholdCheckBox_' + ${applyStat.index}"></label>
									</div>
								</td>
								<td th:text="${apply.id != null ? apply.id : '#000123456'}">#000123456</td>
								<td class="wspace-no" th:text="${apply.applyTime != null ? #temporals.format(apply.applyTime, 'yyyy-MM-dd') : 'N/A'}">Nov 21th 2020 09:21 AM</td>
								<td class="wspace-no">
            <span class="fs-16">
                <svg class="me-2" xmlns="http://www.w3.org/2000/svg" width="53" height="53" viewbox="0 0 53 53">
                    <g transform="translate(0.243)">
                        <rect width="53" height="53" rx="12" transform="translate(-0.243)" fill="#c5c5c5"></rect>
                        <g transform="translate(-0.243)">
                            <rect data-name="placeholder" width="53" height="53" rx="12" fill="#dc134a"></rect>
                            <ellipse data-name="Ellipse 12" cx="13.243" cy="13.43" rx="13.243" ry="13.43" transform="translate(11.152 14.922)" fill="#fff"></ellipse>
                            <ellipse data-name="Ellipse 11" cx="8.016" cy="8.207" rx="8.016" ry="8.207" transform="translate(27.183 11.191)" fill="#ffe70c" style="mix-blend-mode: multiply;isolation: isolate"></ellipse>
                        </g>
                    </g>
                </svg>
                <span th:text="${apply.job?.user?.company?.companyName ?: 'N/A'}">Kripton Inc.</span>
            </span>
								</td>
								<td th:text="${apply.job?.jobType ?: 'N/A'}">PART TIME</td>
								<td th:text="${apply.job?.title ?: 'N/A'}">UI Reseracher</td>
								<td class="wspace-no">
            <span class="text-secoundry fs-14 font-w600">
                <i class="fas fa-phone-alt me-2"></i>
                <span th:text="${apply.job?.user?.info?.phone ?: 'N/A'}">012 3123412 441</span>
            </span>
								</td>
								<td><span class="btn btn-success light btn-rounded btn-sm">通过</span></td>
								<td>
									<div class="dropdown text-end">
										<div class="btn-link" data-bs-toggle="dropdown">
											<svg width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
												<path d="M11.0005 12C11.0005 12.5523 11.4482 13 12.0005 13C12.5528 13 13.0005 12.5523 13.0005 12C13.0005 11.4477 12.5528 11 12.0005 11C11.4482 11 11.0005 11.4477 11.0005 12Z" stroke="#3E4954" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
												<path d="M18.0005 12C18.0005 12.5523 18.4482 13 19.0005 13C19.5528 13 20.0005 12.5523 20.0005 12C20.0005 11.4477 19.5528 11 19.0005 11C18.4482 11 18.0005 11.4477 18.0005 12Z" stroke="#3E4954" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
												<path d="M4.00049 12C4.00049 12.5523 4.4482 13 5.00049 13C5.55277 13 6.00049 12.5523 6.00049 12C6.00049 11.4477 5.55277 11 5.00049 11C4.4482 11 4.00049 11.4477 4.00049 12Z" stroke="#3E4954" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
											</svg>
										</div>
										<div class="dropdown-menu dropdown-menu-right">
											<a class="dropdown-item text-black" href="javascript:void(0);"><i class="far fa-check-circle me-1 text-success"></i>Accept order</a>
											<a class="dropdown-item text-black" href="javascript:void(0);"><i class="far fa-times-circle me-1 text-danger"></i>Reject order</a>
										</div>
									</div>
								</td>
							</tr>
							</tbody>
						</table>
					</div>
				</div>

				<!-- Candidate状态标签页 -->
				<div class="tab-pane fade" id="Candidate">
					<div class="table-responsive">
						<table class="table display mb-4 dataTablesCard order-table card-table text-black application" id="application-tbl4">
							<thead>
							<tr>
								<th>
									<div class="form-check ms-2">
										<input class="form-check-input" type="checkbox" value="" id="checkAll5">
										<label class="form-check-label" for="checkAll5"></label>
									</div>
								</th>
								<th>序号</th>
								<th>申请时间</th>
								<th>公司名称</th>
								<th>职位类型</th>
								<th>职位标题</th>
								<th>联系电话</th>
								<th>申请状态</th>
								<th></th>
							</tr>
							</thead>
							<tbody>
							<tr th:each="apply : ${applies}" th:if="${apply.status == 2}">
								<td class="tbl-bx">
									<div class="form-check ms-2">
										<input class="form-check-input" type="checkbox" th:id="'candidateCheckBox_' + ${applyStat.index}" value="">
										<label class="form-check-label" th:for="'candidateCheckBox_' + ${applyStat.index}"></label>
									</div>
								</td>
								<td th:text="${apply.id != null ? apply.id : '#000123456'}">#000123456</td>
								<td class="wspace-no" th:text="${apply.applyTime != null ? #temporals.format(apply.applyTime, 'yyyy-MM-dd') : 'N/A'}">Nov 21th 2020 09:21 AM</td>
								<td class="wspace-no">
            <span class="fs-16">
                <svg class="me-2" xmlns="http://www.w3.org/2000/svg" width="53" height="53" viewbox="0 0 53 53">
                    <g transform="translate(0.243)">
                        <rect width="53" height="53" rx="12" transform="translate(-0.243)" fill="#c5c5c5"></rect>
                        <g transform="translate(-0.243)">
                            <rect data-name="placeholder" width="53" height="53" rx="12" fill="#dc134a"></rect>
                            <ellipse data-name="Ellipse 12" cx="13.243" cy="13.43" rx="13.243" ry="13.43" transform="translate(11.152 14.922)" fill="#fff"></ellipse>
                            <ellipse data-name="Ellipse 11" cx="8.016" cy="8.207" rx="8.016" ry="8.207" transform="translate(27.183 11.191)" fill="#ffe70c" style="mix-blend-mode: multiply;isolation: isolate"></ellipse>
                        </g>
                    </g>
                </svg>
                <span th:text="${apply.job?.user?.company?.companyName ?: 'N/A'}">Kripton Inc.</span>
            </span>
								</td>
								<td th:text="${apply.job?.jobType ?: 'N/A'}">PART TIME</td>
								<td th:text="${apply.job?.title ?: 'N/A'}">UI Reseracher</td>
								<td class="wspace-no">
            <span class="text-secoundry fs-14 font-w600">
                <i class="fas fa-phone-alt me-2"></i>
                <span th:text="${apply.job?.user?.info?.phone ?: 'N/A'}">012 3123412 441</span>
            </span>
								</td>
								<td><span class="btn btn-danger light btn-sm">拒绝</span></td>
								<td>
									<div class="dropdown text-end">
										<div class="btn-link" data-bs-toggle="dropdown">
											<svg width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
												<path d="M11.0005 12C11.0005 12.5523 11.4482 13 12.0005 13C12.5528 13 13.0005 12.5523 13.0005 12C13.0005 11.4477 12.5528 11 12.0005 11C11.4482 11 11.0005 11.4477 11.0005 12Z" stroke="#3E4954" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
												<path d="M18.0005 12C18.0005 12.5523 18.4482 13 19.0005 13C19.5528 13 20.0005 12.5523 20.0005 12C20.0005 11.4477 19.5528 11 19.0005 11C18.4482 11 18.0005 11.4477 18.0005 12Z" stroke="#3E4954" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
												<path d="M4.00049 12C4.00049 12.5523 4.4482 13 5.00049 13C5.55277 13 6.00049 12.5523 6.00049 12C6.00049 11.4477 5.55277 11 5.00049 11C4.4482 11 4.00049 11.4477 4.00049 12Z" stroke="#3E4954" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
											</svg>
										</div>
										<div class="dropdown-menu dropdown-menu-right">
											<a class="dropdown-item text-black" href="javascript:void(0);"><i class="far fa-check-circle me-1 text-success"></i>Accept order</a>
											<a class="dropdown-item text-black" href="javascript:void(0);"><i class="far fa-times-circle me-1 text-danger"></i>Reject order</a>
										</div>
									</div>
								</td>
							</tr>
							</tbody>
						</table>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>
<script src="/js/global.min.js"></script>
<script src="/js/jquery.nice-select.min.js"></script>

<script src="/js/jquery.dataTables.min.js"></script>
<script src="/js/datatables.init.js"></script>



<script src="/js/custom.min.js"></script>

<script>
	var tooltipTriggerList = [].slice.call(document.querySelectorAll('[data-bs-toggle="tooltip"]'))
	var tooltipList = tooltipTriggerList.map(function (tooltipTriggerEl) {
		return new bootstrap.Tooltip(tooltipTriggerEl)
	})
</script>
<script>
	$(document).on("click", ".apply-job", function(){
		$("#exampleModal").modal("show");
	});

	var tooltipTriggerList = [].slice.call(document.querySelectorAll('[data-bs-toggle="tooltip"]'))
	var tooltipList = tooltipTriggerList.map(function (tooltipTriggerEl) {
		return new bootstrap.Tooltip(tooltipTriggerEl)
	})
</script>

</body>
</html>